<%@ page contentType="text/html; charset=utf-8"%>
<%@ include file="/jsp/inc/header.jsp" %>
<c:set var="title" value="栏目"/>
<c:set var="rootpath" value="${CONTEXT_PATH}/admin/site/column"/>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="${STATIC_HOST}/css/ligerui.css" rel="stylesheet" type="text/css"/>
    <link href="${STATIC_HOST}/css/common.css" rel="stylesheet" type="text/css" />
    <script src="${STATIC_HOST}/js/common.js" type="text/javascript"></script>
    <script src="${STATIC_HOST}/js/LG.js" type="text/javascript"></script>
    <title>${title}管理</title>
</head>
<body class="listbody">

	<!-- 导航开始 -->
	<div class="withicon">
		<span><b>当前位置：内容 &gt; <a href="list.do?view=${view}&">${title}管理</a></b></span>
	</div>
	<!-- 导航结束 -->
	
	<!-- 搜索开始 -->
	<div id="mainsearch" class="l-panel">
		<div class="searchtitle l-panel-topbar"><span>搜索</span><img src="${STATIC_HOST}/images/common/searchtool.gif"><div class="togglebtn"></div></div>
		<div class="searchbox">
		<form action="${rootpath}/list.do" method="post" name="searchForm" id="searchForm">
		<ul>
		   <li class="li_search_left"><label for="eqId">id</label>：</li>
			   <li class="li_search_right">
			<input type="text" name="eqId" id="eqId" size="10" ltype='text' ligerui='{"width":100}'  value="${eqId}"/>
		  </li>
			<li class="li_search_left"><label for="eqSiteId">站点ID</label>：</li>
			<li class="li_search_right">
				<input type="text" name="eqSiteId" id="eqSiteId" size="10" ltype='text' ligerui='{"width":80}'  value="${eqSiteId}"/>
				<input value="..." type="button" class="l-button ellipsis"  onclick="f_select({'targetId':'eqSiteId','selectType':'/admin/site/site','relatedName':'eqSiteId','relatedId':'eqSiteId'})">
			</li>

			<li class="li_search_left"><label for="eqChannelId">频道ID</label>：</li>
			<li class="li_search_right">
				<input type="text" name="eqChannelId" id="eqChannelId" size="10" ltype='text' ligerui='{"width":80}'  value="${eqChannelId}"/>
				<input value="..." type="button" class="l-button ellipsis"  onclick="f_select({'targetId':'eqChannelId','selectType':'/admin/site/channel','relatedName':'eqChannelId','relatedId':'eqChannelId'})">
			</li>

			<li class="li_search_left"><label for="likeName">栏目名称</label>：</li>
			<li class="li_search_right">
				<input type="text" name="likeName" id="likeName" size="10" ltype='text' ligerui='{"width":100}'  value="${likeName}"/>
			</li>
			<li class="li_search_left"><label for="likeCode">代号</label>：</li>
			<li class="li_search_right">
				<input type="text" name="likeCode" id="likeCode" size="10" ltype='text' ligerui='{"width":100}'  value="${likeCode}"/>
			</li>

			<div style="clear:both; padding-top:10px; display:none" id="advsearchdiv"><!--更多搜索开始-->

				<li class="li_search_left"><label for="eqStatus">状态</label>：</li>
				<li class="li_search_right">
					<select name="eqStatus" id="eqStatus" ltype="select" size="1" ligerui='{"width":100}'>
						<option value=""  <c:if test="${eqStatus==''}">selected</c:if> >-全部-</option>
						<option value="1"  <c:if test="${eqStatus==1}">selected</c:if> >有效</option>
						<option value="0"  <c:if test="${eqStatus==0}">selected</c:if> >无效</option>
					</select>
				</li>

				<li class="li_search_left"><label for="eqStatus">显示</label>：</li>
				<li class="li_search_right">
					<select name="eqIsShow" id="eqIsShow" ltype="select" size="1" ligerui='{"width":100}'>
						<option value=""  <c:if test="${eqIsShow==''}">selected</c:if> >-全部-</option>
						<option value="1"  <c:if test="${eqIsShow==1}">selected</c:if> >显示</option>
						<option value="0"  <c:if test="${eqIsShow==0}">selected</c:if> >关闭</option>
					</select>
				</li>

			<li style="clear:both; padding-top:10px;"></li><!--换行-->
		  </div><!--更多搜索结束-->

		<li class="li_searchbutton">
		  <div id="searchbutton" class="button button2 buttonnoicon">
			<div class="button-l"></div>
			<div class="button-r"></div>
			<span>搜索</span>
		  </div>
		  <div class="div_advsearchbutton"></div>
		  <div id="advsearchbutton">
			<span>更多搜索</span>
		  </div>
		</li>
		</ul>
	  </form>
	  </div>
	</div>
	<!-- 搜索结束 -->   
	
	<div class="div_newline"></div>
	
	<!-- 列表开始 -->
	<div id="maingrid"></div> 
	<!-- 列表结束 -->
	
	<script type="text/javascript">
		//查看
		function show(id){
			jQuery("#view").val('/admin/site/column/show');
			top.f_addTab(null, "查看栏目", "${rootpath}/show.do?id="+id);
		}
		//编辑
		function edit(id){
			jQuery("#view").val('');
			top.f_addTab(null, "编辑栏目", "${rootpath}/edit.do?id="+id);
		}
		//新建
		function newObject(){
			jQuery("#view").val('');
			top.f_addTab(null, "新建栏目", "${rootpath}/edit.do");
		}
		//获取选择ID
		function getSelectedId(){
			var selecteds = grid.getSelecteds();
			if (selecteds.length==0) { 
				return "";
			}
			var ids="";
			for(var key in selecteds){
				ids += (","+selecteds[key].id);
			}
			return ids.substring(1);
		}
		//删除
		function del(id){
			var path = "${rootpath}/delete.do";
			if( !isNaN(id) ){
				path += "?eqId=" + id;
			}else{
				var ids = getSelectedId();
				if (ids.length==0) { 
					LG.tip('请选择要删除的行!'); 
					return;
				}
				path += "?inIds=" + ids;
			}
			$.ligerDialog.confirm("确定要删除吗？", function (yes) {
				if( yes ) submitReq(path);
			});
		}
		//批量删除
		function batchDelete(){
			del();
		}
		//无效
		function auditNotPass(){
			updateStatus( 0 );
		}
		//有效
		function auditPass(){
			updateStatus( 1 );
		}
		//更新状态
		function updateStatus(statusValue,id){
			var path = "${rootpath}/updateStatus.do?status="+statusValue;
			if( !isNaN(id) ){
				path += "&eqId=" + id;
			}else{
				var ids = getSelectedId();
				if (ids.length==0) { 
					LG.tip('请选择要更新的行!'); 
					return;
				}
				path += "&inIds=" + ids;
			}
			$.ligerDialog.confirm("确定要操作吗？", function (yes) {
				if( yes ) submitReq(path);
			});
		}
		//提交
		function submitReq(path,query,notsubmit){
			pageFormObj = document.pageForm;
			pageFormObj.action = path;
			if(query){
				pageFormObj.queryParam.value = query;
			}
			if(!notsubmit){
				pageFormObj.submit();
			}
			return false;
		}
		//生成页面
		function generate() {
			var ids = getSelectedId();
			if (ids.length==0) {
				LG.tip('请选择要生成的对象!');
				return;
			}
			path = "?ids=" + ids+"&templateType=2";
			var ligerDialogWaitting;
			$.ajax({
				type: "get",
				timeout: 3600000,
				url: "/admin/template/page/generate.do"+path,
				beforeSend: function(XMLHttpRequest){
					ligerDialogWaitting = $.ligerDialog.waitting('正在处理,请稍候...');
				},
				success: function(data, textStatus){
					$.ligerDialog.alert(data, '提示', 'none');
				},
				complete: function(XMLHttpRequest, textStatus){
					ligerDialogWaitting.close();
				},
				error: function(){
					$.ligerDialog.alert("服务器出错，请联系管理员", '提示', 'none');
				}
			});
		}

	var statusMap = ${jsonali:toJSONString(statusMap)};
	var isShowMap = ${jsonali:toJSONString(isShowMap)};
	//列表
	var grid = $("#maingrid").ligerGrid({
		
      columns: [
        { display:"id", name:"id", align: 'left', width: 80, type: 'int', frozen: true, render: function(row){
              return "<a href='javascript:show("+row.id+")'>"+row.id+"</a>";
            }
		},
	    { display:"所属站点", name:"siteId", align: 'left', width: 90, render: function(row){
		     return row.siteId + " - " + row.siteName;
	       }
		},
	    { display:"所属频道", name:"channelId", align: 'left', width: 90, render: function(row){
		  return row.channelId + " - " + row.channelName;
	 		 }
		},
	    { display:"父栏目", name:"parentId", align: 'left', width: 80, render: function(row){
		  		return row.parentId + " - " + row.parentColumnName;
	  		}
	    },
	    { display:"栏目名称", name:"name", align: 'left', width: 80 },
	    { display:"栏目代号", name:"code", align: 'left', width: 80 },
	    { display:"存储路径", name:"path", align: 'left', width: 100 , hide:true},
	  	{ display:"访问链接", name:"url", align: 'left', width: 150, render: function(row){
			  return "<a href='"+row.url+"' target='_blank'>"+row.url+"</a>";
		  }
	  	},
	  	{ display:"列表页模板", name:"listTemplateId", align: 'left', width: 150, render: function(row){
			return row.listTemplateId + " - " + row.templateName;
		  }
	  	},
	    { display:"修改时间", name:"modifyTime", align: 'left', width: 100 ,type: 'date' },
	  	{ display:"状态", name:"status", align: 'left', width: 80, type: 'int', render: function(row){
			  return "<span class='status" + row.status+"'>"+statusMap[row.status]+"</span>";
		  }
	  	},
	    { display:"显示", name:"isShow", align: 'left', width: 80, type: 'int', render: function(row){
		  return "<span class='status" + row.isShow+"'>"+isShowMap[row.isShow]+"</span>";
	 	 }
	    },
        { display:"操作", minWidth: 150, isAllowHide: false, isSort: false, render: function(row){
            return '<img src="http://static.21cnimg.com/img/icons/content/show.gif" class="imgbtn" alt="查看" title="查看" onclick="show('+row.id+')" />'
              +'<img src="http://static.21cnimg.com/img/icons/content/edit.gif" class="imgbtn" alt="修改" title="修改" onclick="edit('+row.id+')" />'
              +'<img src="http://static.21cnimg.com/img/icons/content/audit.gif" class="imgbtn" alt="有效" title="有效" onclick="updateStatus(1, '+row.id+')" />'
              +'<img src="http://static.21cnimg.com/img/icons/silkicons/delete.png" class="imgbtn" alt="无效" title="无效" onclick="updateStatus(0, '+row.id+')" />'
              +'<img src="http://static.21cnimg.com/img/icons/content/delete2.gif" class="imgbtn" alt="删除" title="删除" onclick="del('+row.id+')" />';
           }
         }
      ],
      parms: [ {name:'_ajax', value:1}
          <c:if test="${not empty eqId}">, { name:'eqId',value:'${eqId}'}</c:if>
          <c:if test="${not empty eqSiteId}">, { name:'eqSiteId',value:'${eqSiteId}'}</c:if>
          <c:if test="${not empty eqChannelId}">, { name:'eqChannelId',value:'${eqChannelId}'}</c:if>
          <c:if test="${not empty eqParentId}">, { name:'eqParentId',value:'${eqParentId}'}</c:if>
          <c:if test="${not empty eqName}">, { name:'eqName',value:'${eqName}'}</c:if>
          <c:if test="${not empty eqCode}">, { name:'eqCode',value:'${eqCode}'}</c:if>
          <c:if test="${not empty eqPath}">, { name:'eqPath',value:'${eqPath}'}</c:if>
          <c:if test="${not empty eqUrl}">, { name:'eqUrl',value:'${eqUrl}'}</c:if>
          <c:if test="${not empty eqMetaKeyword}">, { name:'eqMetaKeyword',value:'${eqMetaKeyword}'}</c:if>
          <c:if test="${not empty eqMetaDescription}">, { name:'eqMetaDescription',value:'${eqMetaDescription}'}</c:if>
          <c:if test="${not empty eqMemo}">, { name:'eqMemo',value:'${eqMemo}'}</c:if>
          <c:if test="${not empty eqStatus}">, { name:'eqStatus',value:'${eqStatus}'}</c:if>
          <c:if test="${not empty eqListTemplateId}">, { name:'eqListTemplateId',value:'${eqListTemplateId}'}</c:if>
          <c:if test="${not empty eqCreateTime}">, { name:'eqCreateTime',value:'${eqCreateTime}'}</c:if>
          <c:if test="${not empty eqCreateUserId}">, { name:'eqCreateUserId',value:'${eqCreateUserId}'}</c:if>
          <c:if test="${not empty eqModifyTime}">, { name:'eqModifyTime',value:'${eqModifyTime}'}</c:if>
          <c:if test="${not empty eqModifyUserId}">, { name:'eqModifyUserId',value:'${eqModifyUserId}'}</c:if>
         ] ,
		toolbar: { items: [
				{ line: true }
				,{ text: '生成页面', click: generate, img: 'http://static.21cnimg.com/img/icons/miniicons/page_refresh.gif' }
				,{ line: true }
                ,{ text: '有效', click: auditPass, img: 'http://static.21cnimg.com/img/icons/silkicons/accept.png' }
                ,{ line: true }
                ,{ text: '无效', click: auditNotPass, img: 'http://static.21cnimg.com/img/icons/silkicons/delete.png' }
                ,{ line: true }
                ,{ text: '删除', click: batchDelete, img: 'http://static.21cnimg.com/img/icons/silkicons/cross.png' }
                ,{ line: true }
                ,{ text: '新增', click: newObject, img: 'http://static.21cnimg.com/img/icons/silkicons/add.png' }
                ,{ line: true }
			] },
	    pageSize: ${pageSize}, pageSizeOptions:[5,10,20,40,60,80,100],
	    pageParmName:'pageNo', pagesizeParmName:'pageSize', sortnameParmName:'sortName',sortorderParmName:'sortOrder',
	    dataAction:'server', 
	    url: '${rootpath}/search.do',
	    rownumbers: true, checkbox: true, frozen: true , dateFormat:'yyyy-MM-dd hh:mm',
		width: '98%', height: '100%', rowHeight:25, fixedCellHeight: true, usePager: true
	});
	
	jQuery("#searchbutton").click(function(){
	    var params = '';
        var group = {};
		var form=$("#searchForm");
        $(":input", form).not(":submit, :reset, :image,:button, [disabled]").each(function (){
            if (!this.name) return;
            if ($(this).val() == null || $(this).val() == "") return;
            var ltype = $(this).attr("ltype");
            var optionsJSON = $(this).attr("ligerui"), options;
            if (optionsJSON){
                options = JSON2.parse(optionsJSON);
            }
            //get the value type(number or date)
            var value = $(this).val();
            var name = this.name;
            //如果是下拉框，那么读取下拉框关联的隐藏控件的值(ID值,常用与外表关联)
            if (ltype == "select" && options && options.valueFieldID){
                value = $("#" + options.valueFieldID).val();
                name = options.valueFieldID;
            }
            group[name]=value;
			params += ("&"+name+"="+encodeURIComponent(value));
        });
	    grid.set('parms', group);
        grid.loadData();
        $("#queryParam").val( params.substring(1) );
	});
	
	jQuery("#advsearchbutton").click(function(){
	    jQuery("#advsearchdiv").slideToggle('fast');
	});
	
	$("#eqStatus").val('${eqStatus}');//初始化下来菜单
	$("#searchForm").ligerForm();
	
	</script>
	
	<form action="${rootpath}/list.do" method="post"  name="pageForm" id="pageForm">
	  <input type="hidden" id="queryParam" name="queryParam" value="${queryParam}"/>
	  <input name="view" id="view" type="hidden" value="${view}"/>
	</form>
	
	<%@ include file="/jsp/inc/footer.jsp"%>
</body>
</html>